<template>
	<div class="demo">
		<h3>{{ name }}</h3>
		<h3>{{ sex }}</h3>
	</div>
</template>


<script>
import pubsub from 'pubsub-js'

export default {
	name: 'StudentS',
	data() {
		return {
			name: '李四',
			sex: 18
		}
	},
	// 订阅消息
	mounted() {
		// 消息发布着，第一个参数：发布名称  第二参数：回调函数
		this.pubId = pubsub.subscribe('hello',(MsgName,data)=>{  // MsgName 为消息发布的名称   data 为数据
			console.log('消息订阅已被触发', MsgName, data);
		})
	},
	// 取消订阅
	beforeDestroy() {
		pubsub.unsubscribe(this.pubId)
	},
}
</script>


<style scoped>
.demo {
	background-color: aqua;
}
</style>